<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="css/login.css"/>
	<title>登录</title>
	<style type="text/css">
	/* 输入框变为金色 */
		.body_2>div.cur{
			border-color: rgb(255,205,0);
		}
		.body_2>div>img.cur1{
			display: none;
		}
		.body_2>div>img.cur2{
			display: block;
		}
		.body_1.cur3{
			color: rgb(255,205,0);
			text-shadow:
			 -1px -1px 0px rgb(165, 165, 165),
			-2px -2px 0px rgb(165, 165, 165),
			-3px -3px 1px rgb(255,205,0,0.5);
		}
		.tfoot>.body.cur4{
			display: none ;
		}
		.tfoot>.body.cur5{
			display: flex ;
		}
		.header>.student.cur6{
			border-bottom:1px solid rgb(255,205,0);
		}
		.header>.teacher.cur6{
			border-bottom:1px solid rgb(255,205,0);
		}
		.header>.adimn.cur6{
			border-bottom:1px solid rgb(255,205,0);
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="header">
			<div class="student">
				<img src="img/login2/学校_学生%20(1).png" >
				<img src="img/login2/学校_学生.png" >
				<span>学生登录</span>
			</div>
			<div class="teacher">
				<img src="img/login2/学校_教师.png" >
				<img src="img/login2/学校_教师%20(1).png" >
				<span>讲师登录</span>
			</div>
			<div class="adimn">		
				<img src="img/login2/管理员_角色管理.png" >
				<img src="img/login2/管理员_角色管理%20(1).png" >
				<span>管理员登录</span>
			</div>
		</div>
		<div class="tfoot">	
		<div class="body cur5 " id="student" >	
			<div class="body_1 ">student login…</div>
			<div class="body_2">
				<div id="" class="diyigeshurukuang">
					<img src="img/login2/用户.png" class="l">
					<img src="img/login2/用户%20(1).png" class="o">
					<input type="text" placeholder="请输入登录用户名" class="input1" id="stu_input1">
				</div>
				<div id="" class="diyigeshurukuang2">
					<img src="img/login2/密码.png" class="l">
					<img src="img/login2/密码%20(1).png" class="o" >
					<input type="password" placeholder="请输入登录密码" class="input2" id="stu_input2">
				</div>
				<div id="" style="border: 0;">
					<button type="button" value="" >登录</button>
				</div>
			</div>
			<div class="body_3">
				<div>
					<img src="img/login2/邮件_o.png" >
					<img src="img/login2/邮件_o%20(1).png" >
					<span><a href="#"><b>邮件验证登录</b></a></span>
				</div>
				<div>没有账号，<a href="register.html"><b>立即注册</b></a></div>
			</div>
		</div>
		
		<div class="body" id="teacher">
			<div class="body_1">teacher login…</div>
			<div class="body_2">
				<div id="" class="diyigeshurukuang">
					<img src="img/login2/用户.png" class="l">
					<img src="img/login2/用户%20(1).png" class="o">
					<input type="text" placeholder="请输入登录用户名" class="input1" id="teacher_input1">
				</div>
				<div id="" class="diyigeshurukuang2">
					<img src="img/login2/密码.png" class="l">
					<img src="img/login2/密码%20(1).png" class="o" >
					<input type="password" placeholder="请输入登录密码" class="input2" id="teacher_input2">
				</div>
				<div id="" style="border: 0;">
					<button type="button" value="" >登录</button>
				</div>
			</div>
			<div class="body_3">
				<div>
<!-- 					<img src="img/login2/邮件_o.png" >
					<img src="img/login2/邮件_o%20(1).png" >
					<span><a href="#"><b>邮件验证登录</b></a></span> -->
				</div>
				<div>没有账号，<a href="register.html"><b>立即注册</b></a></div>
			</div>
		</div>
		
		<div class="body" id="administrator">
			<div class="body_1">administrator login…</div>
			<div class="body_2">
				<div id="" class="diyigeshurukuang">
					<img src="img/login2/用户.png" class="l">
					<img src="img/login2/用户%20(1).png" class="o">
					<input type="text" placeholder="请输入登录用户名" class="input1" id="admin_input1">
				</div>
				<div id="" class="diyigeshurukuang2">
					<img src="img/login2/密码.png" class="l">
					<img src="img/login2/密码%20(1).png" class="o" >
					<input type="password" placeholder="请输入登录密码" class="input2" id="admin_input2">
				</div>
				<div id="" style="border: 0;">
					<button type="button" value="" >登录</button>
				</div>
			</div>
			<div class="body_3">
				<div>
<!-- 					<img src="img/login2/邮件_o.png" >
					<img src="img/login2/邮件_o%20(1).png" >
					<span><a href="#"><b>邮件验证登录</b></a></span> -->
				</div>
				<div >没有账号，<a href="register.html"><b>立即注册</b></a></div>
			</div>
		</div>
		</div>
		
	</div>
	
	<div id="email" >
		<input type="text" placeholder="请输入邮箱" />
		<div id="">
			<input type="text" placeholder="请输入验证码" />
			<button type="button">发送验证码</button>
		</div>
		<button type="button">登录</button>
	</div>
	
	<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/login.js"></script>


</body>
</html>
